<template>
  <div style="padding: 10px" :class="activeKey == 1 ? 'look-box' : ''">
    <a-tabs
      style="background: #ffff; height: 100%"
      v-model:activeKey="activeKey"
    >
      <a-tab-pane key="1" tab="标签管理">
        <TagManagementIndex
          :activeKey="activeKey"
        />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script>
import {
  defineComponent,
  ref,
  createVNode,
  reactive,
  computed,
  watch,
  toRefs,
} from "vue";
import request from "../../../common/utils/request";
import TagManagementIndex from "./tagModules/index.vue";

export default defineComponent({
  name: "tagManagement",
  components: {
    TagManagementIndex,
  },
  setup() {

    const state = reactive({
      activeKey: '1',
    });


    return {
      ...toRefs(state),
    };
  },
});
</script>

<style lang="less" scoped>
.look-box {
  height: 100%;
}
:deep(.ant-tabs-content) {
  height: 100%;
}
:deep(.ant-tabs-nav) {
  padding: 0 10px;
}
:deep(.ant-tabs-nav-wrap) {
  border-bottom: 1px solid #f1f1f1;
}
:deep(.ant-alert-description) {
  font-size: 12px;
  p {
    margin-bottom: 6px;
    &:last-of-type {
      margin-bottom: 0;
    }
  }
}
:deep(.ant-alert-with-description.ant-alert-no-icon) {
  padding: 6px 10px;
}
</style>
